<%@page pageEncoding="UTF-8"%>
<tiles:insert template="/WEB-INF/view/common/layout.jsp" flush="true">
<tiles:put name="title" value="Dialog サンプル" />
<tiles:put name="head" type="string" >
<script type="text/javascript" src="/WebAssets/js/dialog.js" ></script>
</tiles:put>
<tiles:put name="content" type="string">
<form id="FORM_ID_MODELESS" name="FORM_MODELESS">
<h1>ダイアログサンプル</h1>

<h2>モーダレスダイアログ</h2>
<div class="sampleStyle">
	<br>
	パラメタ：
	<input type="text" name="modeless"/>&nbsp;（※パラメタをカンマ区切りにすると複数可）<br /><br />
	<div style="margin-left:20px;">
		パラメタをクエリ文字列(Get)で渡す（サーバで受け取らない）<br />
		※受け取らないだけで受け取ることも出来る<br />
		<input type="button"  value="ダイアログ" onclick="dialog_modeles('/WebAssets/dialog/child1',document.FORM_MODELESS.modeless.value.split(','))"/>
		&nbsp;&nbsp;→&nbsp;&nbsp;
		復帰値：
		<input type="text" disabled="disabled" />
	</div><br />

	<div style="margin-left:20px">
		パラメタをサブミット(Post)で渡す（サーバで受け取る）<br />
		<input type="submit"  value="ダイアログ" onclick="dialog_modeles('/WebAssets/dialog/child1',''"/>
		&nbsp;&nbsp;→&nbsp;&nbsp;
		復帰値：
		<input type="text" disabled="disabled" />
	</div>
</div> <!-- sampleStyle -->

<br />

<h2>モーダルダイアログ</h2>
<div class="sampleStyle">
	<br>
	パラメタ：
	<input type="text"  />
	<input type="button"  value="ダイアログ"/>
	&nbsp;&nbsp;→&nbsp;&nbsp;
	復帰値：
	<input type="text" disabled="disabled" />
</div> <!-- sampleStyle -->
<br />
<h2>※コメント</h2>
</form>
</tiles:put>
</tiles:insert>
